<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title>Layout Container with Margins</title>
        <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAZBe7uHI90ESk2XAmWRL3RxR6u04U0tImA3bfwZ3-HKdEno7z2xRk2YE6OkudtBX5qy0vLrgbf1DUCg">
        </script>
        <script type="text/javascript">
            google.load("jquery", '1.3');
            google.load("maps", "2.x");
        </script>
        <link rel="stylesheet" href="../css/mapa_principal.css" type="text/css">
        <link type="text/css" rel="stylesheet" href="../css/layout-default-latest.css" />
        <script type="text/javascript" src="../lib/jquery-latest.js">
        </script>
        <script type="text/javascript" src="../lib/jquery-ui-latest.js">
        </script>
        <script type="text/javascript" src="../lib/jquery.layout-latest.js">
        </script>
        <script src="../lib/mapa_principal.js" type="text/javascript" language="JavaScript">
        </script>
        <script type="text/javascript">
            
            $(document).ready(function(){
                $('#container').layout();
            });
        </script>
    </head>
    <body>
        <div id="container">
            <div class="pane ui-layout-center">
                <div id="map">
                </div>
            </div>
            <div class="pane ui-layout-north">
                Prefeitura de São José dos Campos.
            </div>
            <div class="pane ui-layout-south">
                Rua José de Alencar, 123 – Vila Santa Luzia - CEP 12.209-530 - Telefone (12) 3947-8000 - Prefeitura da Cidade de São José dos Campos - Todos os direitos reservado
            </div>
            <div class="pane ui-layout-west">
                <ul id="list">
                </ul>
            </div>
            <div id="message" style="display:none;">
                Parada:
                Endereco:
                Calcada:
            </div>
        </div>
    </body>
</html>
